import React from 'react';
import { Card, Tabs } from 'antd';
import '@/assets/css/login.css'

import NomolLogin from './nomolLogin'
import PhoneLogin from './phoneLogin'

const Index = () => {
  const onChange = (key) => {
    console.log(key);
  };
  return (
    <div className='login'>
      <Card
        bordered={false}
        style={{
          width: 350,
        }}
      >
        <Tabs
          defaultActiveKey="1"
          onChange={onChange}
          centered
          tabBarGutter={100}
          size='large'
          items={[
            {
              label: `密码登录`,
              key: '1',
              children: <NomolLogin></NomolLogin>,
            },
            {
              label: `短信登陆`,
              key: '2',
              children: <PhoneLogin></PhoneLogin>,
            },
          ]}
        />
      </Card>
    </div>
  );
}

export default Index;
